@charset "utf-8";
@import url(./fonts_googleapis_SC.css);
/* html{ font:normal 62.5%/2.4em '微软雅黑',arial, \5b8b\4f53,"Hiragino Sans GB",sans-serif;} */
html{ font:normal 62.5%/2.4em "Noto Sans SC";}
body{position:relative;font-size: 12px; margin:0px; padding:0px; margin:0px auto;/* font-size:12px;*/ width:100%;  zoom:1; background-color: #fff; color: #3f3b3a;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style-type:none;}
/*.ul,.ul li{ list-style:none;}*/
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;font-weight: normal;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; }
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
address{font-style:normal;}
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color: #3f3b3a; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;}
a:focus {outline:none; -moz-outline:none;}
/*a:hover{color: #f39800;}*/
.clearfix:after { 
    content:""; 
    display:block; 
    height:0; 
    clear:both; 
} 
.clearfix {*zoom:1;}/*IE/7/6*/
.clear{ clear:both; overflow:hidden;}
.warp{width: 1200px;max-width: 96%; margin: 0 auto;position: relative;}
.SinglePage{ /*text-justify:inter-ideograph; text-align:justify;*/ word-wrap:break-word; /*clear:both;*/ overflow:hidden;}
/*.SinglePage *,.txtbox *{max-width: 100%;}*/
.hide{ display:none;}
/*.Contain{width: 1280px; max-width: 96%; margin: 0px auto;}*/
.BgGrey{background-color: #f5f5f5;}

.table{display: table;width:100%; height: 100%; position:relative;}
.table .td{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; }
.table .td .cont{display: block;position:relative; *top:-50%; *left:-50%;}



/*头部*/
.Header{ height: 80px;background-color: #fff; position:relative; z-index:10;}
.Header .warp{height: 80px;}
.Header .Logo{position: absolute; left: 0%;top: 50%;margin-top: -19.5px;}
.Header .Logo img{height: 39px;}
.Header .MainNav{width: 738px;height: 80px;float: right;max-width: 100%;margin-right: 116px;padding-top: 25px;}
.Header .MainNav ul{}
.Header .MainNav li{float: left;width: 20%;position: relative;text-align: center;height: 55px;padding-bottom: 25px;}
.Header .MainNav li.Hom{display: none;}
.Header .MainNav li .a1{display: inline-block; padding:0 19px;height: 30px;line-height: 28px;border:transparent 1px solid;font-size: 15px;border-radius: 13px;}
.Header .MainNav li.on .a1,.Header .MainNav li .a1:hover{border:1px solid #6eb92c;color:#6eb92c; }
.Header .MainNav li ul{position: absolute;height: 50px;top: 55px;display: none;white-space: nowrap;z-index: 3;
letter-spacing: -4px;
*letter-spacing: normal;
*word-spacing: -1px;
}
.Header .MainNav li ul li{display: inline-block;float: none;width: auto;padding: 13px 10px;height: auto;
letter-spacing:normal;
*word-spacing:normal;
}
.Header .MainNav li ul li a{font-size: 14px;color: #555;}
.Header .MainNav li ul li a:hover{color: #6eb92c;}
.Header .MainNav li ul li img{height: 160px;}
.Header .MainNav .licol_1 ul{margin-left: 0px;}
.Header .MainNav .licol_2 ul{margin-left: -4px;}
.Header .MainNav .licol_3 ul{margin-left: -38px;}
.Header .MainNav .licol_4 ul{margin-left: -78px;}
.Header .MainNav .Main1 ul{height: 218px;}
.Header .MainNav .Main1 li{padding: 22px 44px;position: relative;}
.Header .MainNav .Main1 li:after{content: "";width: 1px;height: 118px;background-color: #919191;position: absolute;left: 0;top: 31px;}
.Header .MainNav .Main1 li:first-child:after{display: none;}
.Header .MainNav .Main1 li img{display: block;padding-bottom: 10px;}
.Header .MainNav .Main1 li span{display: none;}
.Header .MainNav .Main1 ul{margin-left: -330px;min-width: 636px;}
.Header .MainNav .Main1 i{display: none;}
.MainNav li i{font-style: normal;}

.Header .Lan{display: block;width:70px;height: 30px;line-height: 30px;border:1px solid #6eb92c; border-radius: 15px;position: absolute;right: 0;top: 26px;padding: 4px 4px;}
.Header .Lan a{display: block;width: 30px;height: 20px;float: left;border-radius: 10px;font-size: 13px;color: #6eb92c;line-height: 20px;text-align: center;}
.Header .Lan a.on,.Header .Lan a:hover{background-color: #6eb92c; color: #fff;}
.coverBg{height: 100px;position: absolute;top: 80px;left: 0;z-index: 2; width: 100%;background: url(../images/bg_sub.png) repeat;}


.btn_nav{display: none; width: 30px; height: 26px; padding: 11px 0; position: absolute; right: 10px; top: 28px; z-index: 2;}
.btn_nav span{width: 30px; height: 4px; background-color:#6eb92c; display: block;}
.btn_nav::before, .btn_nav::after{content: '';display: block;width: 30px;height: 4px;position: absolute;background:#6eb92c;}
.btn_nav::before{top: 0;transition-duration: 300ms;
-moz-transition-duration: 300ms; /* Firefox 4 */
-webkit-transition-duration: 300ms; /* Safari 和 Chrome */
-o-transition-duration: 300ms; /* Opera */}
.btn_nav::after{bottom: 0;transition-duration: 300ms;
-moz-transition-duration: 300ms; /* Firefox 4 */
-webkit-transition-duration: 300ms; /* Safari 和 Chrome */
-o-transition-duration: 300ms; /* Opera */}
.btn_nav.on span{background-color:rgba(0,0,0,0);}
.btn_nav.on::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 12.5px;}
.btn_nav.on::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg); bottom: 12.5px;}

/*尾部*/
.Foot{}
.Foot .FootTop{background-color: #4f4f4f;}
.Foot .FootTop .warp{padding: 3.25% 0 5%;}
.FootTop .FootNav{margin-right: 60px;}
.FootTop .FootNav dl{width: 16.6%;float: left;}
.FootTop .FootNav dt{padding-bottom: 6px;}
.FootTop .FootNav dt a{font-size: 14px;color: #fff;font-weight: bold;}
.FootTop .FootNav dd{padding: 3px 0;}
.FootTop .FootNav dd a{font-size: 14px;color: #a1a1a1;}
.FootTop .QRBox{position: absolute;right: 0;top: 20%;text-align: center;}
.FootTop .QRBox img{width: 111px;padding: 5px;border:1px solid #797979;}
.FootTop .QRBox .h3{font-size: 14px;color: #a9a9a9;padding-top: 7px;}
.FootBot{padding: 18px 0;}
.FootBot .otherNav{float: right;}
.FootBot .otherNav li{float: left;margin-left: 13px;padding-left: 14px;position: relative;}
.FootBot .otherNav li a{font-size: 14px;color: #a9a9a9;}
.FootBot .otherNav li:after{content: "";width: 1px;height: 10px;background-color: #a9a9a9;position: absolute;top: 50%;margin-top: -5px;left: 0;}
.FootBot .otherNav li:first-child{margin-left: 0px;padding-left: 0px;}
.FootBot .otherNav li:first-child:after{display: none;}
.FootBot .Copyright,.FootBot .Copyright a{font-size: 14px;color: #a9a9a9;}

.FixedShare{position: fixed;top:50%;margin-top: -166px; right: 0;z-index: 99;}
.FixedShare li{margin-bottom: 4px;position: relative;}
.FixedShare li a{display: inline-block;width: 95px;height: 79px;border:1px solid #e4e7e8;background-color: rgba(255,255,255,0.3);}
.FixedShare li a span{display: block; text-align: center; font-size: 14px;color: #999; line-height: 1em;padding-top: 52px;background-repeat: no-repeat;background-position: center 14px;}
.FixedShare li.ico1 span{background-image: url(../images/ico_cs1.png);}
.FixedShare li.ico2 span{background-image: url(../images/ico_cs2.png);}
.FixedShare li.ico3 span{background-image: url(../images/ico_cs3.png);}
.FixedShare li.ico4 span{background-image: url(../images/ico_cs4.png);}
.FixedShare li .QrBox{display: none;width:105px;height: 105px;position: absolute;right: 101px;text-align: left;border: 1px solid #e4e7e8;padding: 5px;top: 0;}
.FixedShare li .QrBox img{width: 93px;height: 93px;}
.FixedShare li:hover .QrBox{display: block;}
.FixedShare li a:hover{border:1px solid #6eb92c;background-color: #6eb92c;}
.FixedShare li a:hover span{color: #fff;}
.FixedShare li.ico1 a:hover span{background-image: url(../images/ico_cs1on.png);}
.FixedShare li.ico2 a:hover span{background-image: url(../images/ico_cs2on.png);}
.FixedShare li.ico3 a:hover span{background-image: url(../images/ico_cs3on.png);}
.FixedShare li.ico4 a:hover span{background-image: url(../images/ico_cs4on.png);}

/*首页*/
.HomBan{position: relative;overflow: hidden;}
.HomBan .slick-list,
.HomBan .slick-track,
.HomBan .item{height: 100%;}
.HomBan .item{position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;}
.HomBan .item a{display: block;height: 100%;}
.HomBan .item img{display: none;}
.HomBan .slick-dots{bottom: 30px;position: absolute;left: 0; width: 100%;text-align: center;height: 2px;}
.HomBan .slick-dots li{width: 32px;height: 2px;background-color: #6eb92c;display: inline-block;margin: 0 5px;}
.HomBan .slick-dots li button{width: 42px;height: 12px;margin: -5px 0 0 -5px; opacity: 0;display: block;}
.HomBan .slick-dots li.slick-active{background-color: #fff;}
.HomBan .item video{position: absolute;visibility: visible;margin: auto;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;width: 100%;}

.HomTitle{padding: 5.6% 0 4%;}
.HomTitle .h2{padding-bottom: 25px;position: relative;}
.HomTitle .h2:before{content: "";width: 32px;height: 1px;background-color: #bdbdbd;position: absolute;left: 0;bottom: 0px;}
.HomTitle .h2 img{height: 28px;float: left;}
.HomTitle .h2 span{font-size: 20px;color: #6eb92c;margin-left: 20px;line-height: 20px;display: block;float: left;padding-top: 8px;}
.HomPro{background: url(../images/bg_hompro.jpg) repeat;}
.HomPro .warp{overflow: hidden;}
.HomPro .slider{width: 1235px;padding-bottom: 7%;}
.HomPro .item{}
.HomPro .item .Border{width: 212px;height: 376px;background-color: #fff; border:1px solid #eaeaea;border-top-color:#6eb92c; }
.HomPro .item .Box{width: 100%;height: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s; 
-webkit-transition: all 0.5s; 
-o-transition: all 0.5s; }
.HomPro .item .h3{font-size: 18px;color: #555;line-height: 1em;padding: 44px 0 48px;text-align: center;}
.HomPro .item .btn{display: block;width: 124px;height: 35px;line-height: 33px;border:1px solid #6eb92c;font-size: 14px;color: #6eb92c;text-indent: 49px;background: url(../images/img_buy.png) no-repeat 19px center;margin: 36px auto;border-radius: 17px;}
.HomPro .item:hover .Box{margin-top: -84px;}
.HomPro .slider{position: relative}
.HomPro .owl-prev,
.HomPro .owl-next
{display: block;width: 23px;height: 48px;border:1px solid #e1e1e1;position: absolute;top: 180px;margin-top: -11.5px;background-position: center !important;background-repeat: no-repeat !important;padding: 0 !important;line-height: 1000px;opacity: 0}
.HomPro .owl-prev{left: auto !important;left: -5px !important;background-image: url(../images/btn_prev.png) !important;background-color:#fff !important;}
.HomPro .owl-next{right: -5px!important;background-image: url(../images/btn_next.png) !important;background-repeat: no-repeat !important;background-color:#fff !important;}
.HomPro .owl-prev:hover,
.HomPro .owl-next:hover{z-index: 2 !important;;border-color:#6eb92c !important;; background-color:#6eb92c !important; }
.HomPro .owl-prev:hover{background-image: url(../images/btn_prevon.png) !important;background-repeat: no-repeat !important;}
.HomPro .owl-next:hover{background-image: url(../images/btn_nexton.png) !important;background-repeat: no-repeat !important;}

.HomPro .owl-carousel .owl-item {float: left!important;}
.HomPro .item .Border{overflow: hidden}
.HomPro2 .Box{margin-top: 7%;}
.HomPro2 .item{display: block;overflow: hidden; width: 33.3%;float: left;position: relative;
transition: all 0.5s;
-moz-transition: all 0.5s; 
-webkit-transition: all 0.5s; 
-o-transition: all 0.5s;}
.HomPro2 .item .Bg{width: 100%;height: 100%; /*padding-bottom: 134.75%;*/background-position: right center;background-size:auto 100%;background-repeat: no-repeat;
transition: all 0.5s;
-moz-transition: all 0.5s; 
-webkit-transition: all 0.5s; 
-o-transition: all 0.5s;}
.HomPro2 .item .Overlay{padding: 0 20%; display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/bg_overlay_0.6.png) repeat;}
.HomPro2 .item .Overlay table{height: 100%;max-width: 222px;margin: 0 auto;}
.HomPro2 .item .Overlay .h3{font-size: 24px;color: #6eb92c;line-height: 28px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.HomPro2 .item .Overlay .p{font-size: 14px;color: #fff;line-height: 30px;max-height: 150px;overflow: hidden; margin: 28px 0;}
.HomPro2 .item .Overlay span{display: block;width: 43px;height: 43px;background: url(../images/arrow_hompro.png) no-repeat;}

.HomPro2 .item.on{
	/*width: 53.74%;*/
	width: 72%;
}
.HomPro2 .item.on video{
	/*width: 53.74%;*/
	width: 100%;
	height: 100%;
}

@media screen and (min-width:768px){
	.HomPro2 .item.on .Overlay,.HomPro2 .item:hover .Overlay{display: none;}
	}
/*.HomPro2 .item.on .Bg{padding-bottom: 83.41%;}*/
.HomPro2 .item.aon{
	/*width:23.13%;*/
	width:14%;
}
.HomPro2 .item.aon .Overlay{padding: 0 5%;}
.HomPro2 .item.aon .Overlay .h3{margin-bottom: 28px;}
.HomPro2 .item.aon .Overlay .p{display: none;}
/*.HomPro2 .item.aon .Bg{padding-bottom: 193.52%;}*/
.HomPro2 .item video{background: #000; display: none;position: absolute;visibility: visible;margin: auto;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;height: 100%;}
.HomPro2 .item.on video{display: block;}


.HomNews .more{font-size: 14px;line-height: 1em; color: #b8b7b7;position: absolute;right: 0;top: 50%;margin-top: -15px;}
.HomNews .more:hover{color: #6eb92c;}
.HomNews .Box{padding-bottom: 7%;}
.HomNews .Left{width: 38.25%;float: left;}
.HomNews .Left a{display: block;background-color: #fafafa;padding: 8% 10.6%;}
.HomNews .h3{font-size: 16px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1em;margin-bottom: 16px;}
.HomNews .p{font-size: 14px;color: #999;line-height: 24px;}
.HomNews .Left a:after{content: "";display: block;width: 31px;height: 7px;background: url(../images/arrow_homnews.png) no-repeat;}
.HomNews .Left a:hover:after{background-image: url(../images/arrow_homnewson.png);}
.HomNews .Left a img{margin: 8% 0;}
.HomNews .Right{width: 58.8%;float: right;}
.HomNews .Right a{display: block;position: relative;border: 1px transparent solid; border-bottom:dashed 1px #dbdbdb;padding: 5% 6% 4%;margin-bottom: 1.6%;}
.HomNews .Right a:hover{border:1px solid #f0f0f0;-moz-box-shadow:0px 0px 5px #333333; -webkit-box-shadow:0px 0px 5px #333333; box-shadow:0px 0px 5px #cfcfcf;}
.HomNews .Right .h3{padding-right: 80px;}
.HomNews .Right .tit{position: relative;}
.HomNews .Right span{padding-left: 22px;font-size: 14px;color: #c3c3c3;background:url(../images/ico_hits.png) no-repeat left center;position: absolute;right: 0;top: 0;line-height: 16px;}

/*内页公共*/
.ColumnTitle{font-size: 26px;color: #6eb92c;line-height: 1em; text-align: center;padding:6% 0 4.5%;}

.SinglePage{padding-bottom: 6%;}
.SubNav{margin: 60px 0 40px;border-bottom: 1px solid #dcdcdc;}
.SubNav li{float: left;margin-right: 18px;}
.SubNav li a{display: block; font-size: 16px;color: #333;padding: 0 30px;height: 50px;line-height: 50px;background-color:#e1e1e1;border-radius: 3px;}
.SubNav li.on a,
.SubNav li a:hover{background-color: #78be3a;color: #fff;}

.PagesWarp{text-align: center;padding: 26px 0 50px;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{display: none;}
.Pages{font-size: 12px;color: #666;display: inline-block;*display: inline;*zoom:1;}
.Pages b{padding: 0 2px;font-weight: normal;}
.Pages .p_page,.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{float: left;}
.Pages .p_total{margin-right: 20px;}
.Pages .p_jump{margin-left: 10px;}
.Pages .p_jump b{margin: 0 8px;float: left;}
.Pages .p_jump input{float: left;width: 23px;height: 23px;line-height: 23px;text-align: center;border: 1px solid #bfbfbf;border-radius: 5px;}
.Pages .p_jump .i_button{border: 0px;width:50px;height: 25px;background: url(../images/i_button.png) no-repeat;}
.Pages a{display: block;height: 35px;line-height: 35px;text-align: center;font-style: normal;  float: left;font-size: 12px;color: #666;padding: 0 13px;border: 1px solid #eaeaea;background-color: #fff;margin: 0 2px;}
.Pages .num a{margin: 0 0 0 -1px;}
.Pages .a_first,.Pages .a_end{width: 64px;}
.Pages .a_prev,.Pages .a_next{font-family: "宋体";font-size: 20px;}
.Pages .a_prev{margin-right: 8px;}
.Pages .a_next{margin-left: 8px;}
.Pages a:hover,.Pages a.a_cur{background-color: #78be3a;color: #fff;border-color:#78be3a;}
/*内页公共 end*/


/*数据平台*/
.DataSection{height: 910px;text-align: center;background-position: center bottom; background-repeat: no-repeat;background-size: cover;}
.DataSection .h3{font-size: 36px;line-height: 1em; color: #6eb92c;padding:100px 0 15px;}
.DataSection .p{font-size: 24px;color: #777;line-height: 35px;margin: 0 auto;}
.DataSection .p1{padding-left: 60%;}
.DataSection .Content{padding-top: 100px;}

.DataSection1 .p{max-width: 780px;color: #a7a8aa;}
.DataSection1 .table{padding: 200px 0px 10px;}

.DataSection2 .p{max-width: 850px;}
.DataSection2 .Content{position: relative;}
.DataSection2 .center{padding-top: 300px;}
.DataSection2 .ul li{position: absolute;}
.DataSection2 .ul li a{display: block;width: 190px;height: 190px;padding-top: 16px;border-radius: 50%; border: 3px solid #6fba2c;position: relative;}
.DataSection2 .ul li a:after{content: "";display: block;width: 22px;height: 22px;background: url(../images/ico_data2.png) no-repeat;position: absolute;left: 50%;margin-left: -11px;bottom: 13px;}
.DataSection2 .ul li img{width: 130px;height: 130px;cursor: pointer;  
                transition: all 0.6s;  }
/*.DataSection2 .ul li:hover{transform: scale(1.4); }*/               
.DataSection2 .ul li .h4{font-size: 24px;color: #777;line-height: 1em;padding: 18px 0 11px;}
.DataSection2 .ul li .p{font-size: 16px;color: #888;}
.DataSection2 .ul .li1{bottom: 40px;left: 5%;}
.DataSection2 .ul .li2{left: 50%;margin-left: -95px;bottom: 264px;}
.DataSection2 .ul .li3{bottom: 40px;right: 5%;}

.DataSection3 .p{color: #a7a8aa;}
.DataSection3 .h3{text-align: right;}
.DataSection3 .table{text-align: right;padding: 130px 0px 230px;}

.DataSection .SixBox{width: 1096px;height: 477px;max-width: 100%;margin:0 auto;position: relative;}
.DataSection .SixBox li{width: 200px;height: 239px;background: url(../images/bg_dtat_sixe.png) no-repeat;position: absolute;}
.DataSection .SixBox li:hover{background: url(../images/bg_dtat_sixeho.png) no-repeat;}
.DataSection .SixBox li span{display: block;padding: 72px 0 22px;}
.DataSection .SixBox li span .img2{display: none;margin: 0 auto;}
.DataSection .SixBox li:hover span .img2{display: block;}
.DataSection .SixBox li:hover span .img1{display: none;}
.DataSection .SixBox li .h4{font-size: 18px;color: #fff;line-height: 1em;}
.DataSection4 .SixBox li{background-image: url(../images/bg_dtat_sixe2.png);}
.DataSection4 .SixBox li .h4{color: #888;}
.DataSection4 .SixBox li:hover .h4{color: #fff;}

.DataSection .SixBox .li1{left: 199px;top: 60px;}
.DataSection .SixBox .li2{left: 398px;top: 60px;}
.DataSection .SixBox .li3{left: 697px;top: 0px;}
.DataSection .SixBox .li4{left: 298px;top: 238px;}
.DataSection .SixBox .li5{left: 597px;top: 179px;}
.DataSection .SixBox .li6{left: 0px;top: 179px;}
.DataSection .SixBox .li7{left: 896px;top: 119px;}

/*.DataSection4:nth-of-type(1) {display:block;}
.DataSection4:nth-of-type(2) {display:none;}
*/
.DataSection4-1{display:block;}
.DataSection4-2{display:none;}
.DataSection5 br{display:none;}
.DataSection5 .p{color: #dededf;line-height: 27px;max-width: 900px;}
.DataSection5 .Imgs{padding-bottom: 64px;}
.DataSection5 .img1{float: left;margin-left: 2%;}
.DataSection5 .img2{float: left;}

.DataSection6-1 br{display:none;}
.DataSection6-1{display:block;}
.DataSection6-2 br{display:none;}
.DataSection6-2{display: none;}

.DataSection7 .h3:nth-of-type(1) {display: block;}
.DataSection7 .p{display: block;}
.DataSection7 .h3:nth-of-type(2) {display:none;}
.DataSection7 .Content{padding-top: 0;margin-top: -5%;}
/*数据平台 end*/

/*眼镜夹扣1.0 end*/
.JKSection{height: 910px;text-align: center;background-position: center bottom; background-repeat: no-repeat;background-size: cover;}
.JKSection .h3{font-size: 36px;line-height: 1em; color: #6eb92c;padding:100px 0 15px;}
.JKSection .p{font-size: 24px;color: #888;margin: 0 auto;line-height: 35px;}
.JKSection .h4{}
.JKSection .Content{padding-top: 100px;}
.JKSection1_1,.JKSection1_3{background-color: #e7ebf2;}
.JKSection1_1 .Content{padding-top: 56px;}
.JKSection1_1 .slider{margin-bottom: 30px;}
.JKSection1_1 .slider img{margin:0 auto;}
.JKSection1_1 .slick-prev,.JKSection1_1 .slick-next{display: block;width: 46px;text-indent: 46px;height: 46px;position: absolute;top: 50%;margin-top: -23px;background-position: center;background-repeat: no-repeat;border:0px;background-color: transparent;overflow: hidden;}
.JKSection1_1 .slick-prev{left: -46px;background-image: url(../images/prev_pro.png);}
.JKSection1_1 .slick-next{right: -46px;background-image: url(../images/next_pro.png);}
.JKSection1_1 .Btn li{display: inline-block;margin: 0 35px;}
.JKSection1_1 .Btn li span{display: block;font-size: 16px;color: #5a5a5a;padding-top: 20px;}

.JKSection1_2 .h3{padding-top: 140px;} 
.JKSection1_2 .Content{position: relative;padding-top: 132px;}
.JKSection1_2 .center{display: inline-block; }
.JKSection1_2 .ul li{position: absolute;width: 346px;z-index: 2;}
.JKSection1_2 .ul li .h4{font-size: 20px;color: #555;line-height: 1em;padding: 26px 0 8px;}
.JKSection1_2 .ul li .p{font-size: 16px;color: #888;}
.JKSection1_2 .ul .li1,
.JKSection1_2 .ul .li2,
.JKSection1_2 .ul .li3{text-align: left;}
.JKSection1_2 .ul .li4,
.JKSection1_2 .ul .li5{text-align: right;width: 400px;}
.JKSection1_2 .ul .li1 img,
.JKSection1_2 .ul .li2 img,
.JKSection1_2 .ul .li3 img{float: left;padding-right: 20px;}
.JKSection1_2 .ul .li4 img,
.JKSection1_2 .ul .li5 img{float: right;padding-left: 20px;}
.JKSection1_2 .ul .li1{left: 0;top: 132px;}
.JKSection1_2 .ul .li2{left: 0;top: 278px;}
.JKSection1_2 .ul .li3{left: 0;top: 425px;}
.JKSection1_2 .ul .li4{right: 0;top: 132px;}
.JKSection1_2 .ul .li5{right: 0;top: 346px;}

.JKSection1_3 .warp{height: 100%;}
.JKSection1_3 .table{width: 332px;height: 100%;float: right;max-width: 96%;text-align: left;}
.JKSection1_3 .h4{font-size: 36px;color: #6eb92c;line-height: 1em;}
.JKSection1_3 .p{font-size: 24px;color: #555;line-height: 36px;}
.JKSection1_3 .mar{padding: 16px 0;}

.JKSection1_4 .h3{color: #fff;}
.JKSection1_4 .p{color: #fff;font-size:24px;}
.JKSection1_4 .img{text-align: left;}

.JKSection1_5{position: relative;background-position: left center; background-size: auto auto;}
.JKSection1_5 .warp{height: 100%;}
.JKSection1_5 .Img{float: left;width: 960px;position: absolute;right: 50%;}
.JKSection1_5 .Text{width: 50%;position: absolute;top: 0;height: 100%;width: 50%;right: 0;text-align: left;}
.JKSection1_5 .Text .h4{font-size: 36px;color: #3e3a39;}
.JKSection1_5 .Text .p{font-size: 24px;line-height: 34px;}
.JKSection1_5 .Text .p1{color: #3e3a39;margin: 21px 0 40px;}
.JKSection1_5 .Text .p2{color: #595757;padding-bottom: 40px;}
.JKSection1_5 .Text .bot span{font-size: 18px;color: #333;line-height: 32px;padding-left: 23px;margin-left: 23px;border-left: 1px solid #959595;}
.JKSection1_5 .Text .bot span:first-child{padding-left: 0px;margin-left: 0px;border-left: 0px;}

.JKSection1_6{padding-bottom: 10%;height: auto;}
.JKSection1_6 .h3{color: #333;padding: 84px 0 158px;}
.JKSection1_6 dt{width: 16%;float: left;text-align: left;}
.JKSection1_6 dd{width: 42%;float: left;}
.JKSection1_6 li{color: #231815;height: 67px;line-height: 37px; padding: 15px 0;}
.JKSection1_6 dt li{font-size: 30px;}
.JKSection1_6 dd li{font-size: 21px;}
.JKSection1_6 .li1{height: 260px;}
.JKSection1_6 .li1 .item{width: 33.3%;float: left;text-align: center;}
.JKSection1_6 .li4{height: 267px;}
.JKSection1_6 dd .li4 b{display: block;}
.JKSection1_6 dd .li4 span{display: block;text-align: center;padding: 7px 0;line-height: 24px;}
/*眼镜夹扣1.0*/

/*眼镜夹扣2.0 end*/
.JKSection2_1,.JKSection2_3,.JKSection2_5{background-color: #ebeef4;}

.JKSection2_2 .warp{height: 100%;}
.JKSection2_2 .table{width: 383px;height: 100%;float: right;max-width: 100%;text-align: left;}
.JKSection2_2 .h4{font-size: 36px;color: #6eb92c;line-height: 1em;}
.JKSection2_2 .p{font-size: 24px;color: #fff;line-height: 35px;padding: 6px 0;}
.JKSection2_2 .p span{float: left;padding-right: 19px;}
.JKSection2_2 .p1{padding: 15px 0 30px;line-height: 35px;}

.JKSection2_3 .p{font-size: 24px;color: #888;}
.JKSection2_3 .Content {padding-top: 50px;}
.JKSection2_3 .Content .h4{font-size: 24px;color: #555;padding: 44px 0 15px;}
.JKSection2_3 .Content .p{font-size: 16px;color: #888;}

.JKSection2_4 .h3{color: #fff;}
.JKSection2_4 .p{color: #fff;font-size: 24px;color: #cfcfcf;line-height: 35px;}
.JKSection2_4 .text{max-width: 738px;margin: 0 auto;padding: 5px 40px;position: relative;font-size: 16px;color: #fff;line-height: 30px;margin-top: 84px;}
.JKSection2_4 .text:before,.JKSection2_4 .text:after{content: "";width: 32px;height: 30px;position: absolute;}
.JKSection2_4 .text:before{left: 0;top: 0;background: url(../images/ico_pro4_1.png) no-repeat;}
.JKSection2_4 .text:after{right: 0;bottom: 0;background: url(../images/ico_pro4_2.png) no-repeat;}

.JKSection2_5 .Content{position: relative;padding-top: 188px;}
.JKSection2_5 .center{display: inline-block;}
.JKSection2_5 .center img{position: relative;z-index: 2;}
.JKSection2_5 .ul li{position: absolute;width: 370px;}
.JKSection2_5 .ul li img{ }
.JKSection2_5 .ul li .h4{font-size: 20px;color: #555;line-height: 1em;padding: 26px 0 8px;}
.JKSection2_5 .ul li .p{font-size: 16px;color: #888;}
.JKSection2_5 .ul li:after{content: "";display: block; position: absolute;top: 148px;}
.JKSection2_5 .ul .li1{left: 0;bottom: 189px; text-align: left;}
.JKSection2_5 .ul .li1 img{ float: left;padding-right: 10px;}
.JKSection2_5 .ul .li2{right: 53px;bottom: 372px;text-align: right;}
.JKSection2_5 .ul .li2 img{float: right;padding-left: 10px;}
.JKSection2_5 .ul .li3{right: 0;bottom: -37px;text-align: right;}
.JKSection2_5 .ul .li3 img{float: right;padding-left: 10px;}
.JKSection2_5 .ul .li1:after{width: 568px;height: 64px;background: url(../images/line_pro5_1.png) no-repeat;}
.JKSection2_5 .ul .li2:after{width: 524px;height: 87px;background: url(../images/line_pro5_2.png) no-repeat;right: 50px;top: 135px;}
.JKSection2_5 .ul .li3:after{width: 478px;height: 94px;background: url(../images/line_pro5_3.png) no-repeat;right: 0px;top: 52px;}
/*眼镜夹扣2.0*/



/*护眼精灵系列*/
.JLSection{height: 910px;/* text-align: center; */background-position: center bottom; background-repeat: no-repeat;background-size: cover;}
.JLSection .h4{}
.JLSection .h3{text-align: center;font-size: 36px;line-height: 1em; color: #6eb92c;padding:100px 0 15px;;}
.JLSection .p{text-align: center;font-size: 24px;color: #888;line-height: 35px;margin: 0 auto;}
.JLSection .Content{padding-top: 100px;text-align: center;}
.JLSection1,.JLSection3,.JLSection5{background-color: #e7ebf2;}
.JLSection1 .Content{padding-top: 56px;text-align: center;}
.JLSection1 .slider{margin-bottom: 60px;}
.JLSection1 .slider img{margin:0 auto;}
.JLSection1 .slick-prev,.JLSection1 .slick-next{display: block;width: 46px;height: 46px;position: absolute;top: 50%;margin-top: -23px;background-position: center;background-repeat: no-repeat;}
.JLSection1 .bx-prev,.JLSection1 .bx-next{display: block;width: 46px;height: 46px;position: absolute;top: 50%;margin-top: -23px;background-position: center;background-repeat: no-repeat; line-height: 999px; overflow: hidden;}


.JLSection1 .slick-prev{left: -46px;background-image: url(../images/prev_pro.png);}
.JLSection1 .bx-prev{left: -46px;background-image: url(../images/prev_pro.png);}

.JLSection1 .slick-next{right: -46px;background-image: url(../images/next_pro.png);}
.JLSection1 .bx-next{right: -46px;background-image: url(../images/next_pro.png);}


.JLSection1 .Btn li{display: inline-block;margin: 0 35px;}

.JLSection2 .Content{position: relative;text-align: center;}
.JLSection2 .center{display: inline-block; background: url(../images/bg_pro2_c.png) no-repeat; background-size: 100% 100%;}
.JLSection2 .center img{position: relative;z-index: 2;}
.JLSection2 .ul li{position: absolute;}
.JLSection2 .ul li img{-moz-box-shadow:0px 5px 10px #333333; -webkit-box-shadow:0px 5px 10px #333333; box-shadow:0px 5px 10px #333333;}
.JLSection2 .ul li .h4{font-size: 20px;color: #555;line-height: 1em;padding: 26px 0 8px;}
.JLSection2 .ul li .p{font-size: 16px;color: #888;}
.JLSection2 .ul li:after{content: "";display: block; position: absolute;top: 135px;}
.JLSection2 .ul .li1{left: 0;bottom: 350px; text-align: left;}
.JLSection2 .ul .li2{right: 0;bottom: 387px;text-align: right;}
.JLSection2 .ul .li3{right: 0;bottom: 119px;text-align: right;}
.JLSection2 .ul .li1:after{width: 465px;height: 63px;background: url(../images/line_pro2_1.png) no-repeat;}
.JLSection2 .ul .li2:after{width: 492px;height: 63px;background: url(../images/line_pro2_2.png) no-repeat;right: 0px;}
.JLSection2 .ul .li3:after{width: 462px;height: 52px;background: url(../images/line_pro2_3.png) no-repeat;right: 0px;top: 85px;}

.JLSection3 .h3{padding-top: 150px;}
.JLSection3 .Content{padding-top: 140px;text-align: center;}
.JLSection3 li{display: inline-block;width: 428px;max-width: 50%;}
.JLSection3 li .h4{padding-top: 40px;font-size: 18px;}

.JLSection4 .h3{color: #fff;padding-top: 150px;}
.JLSection4 .p{color: #cecece}
.JLSection4 .Content{padding-top: 155px;}

.JLSection5 .center{padding-top: 65px;}
.JLSection5 .ul li{position: absolute;width: 386px;height: 193px;}
.JLSection5 .ul li .p{font-size: 16px;color: #555;line-height:30px; padding-top: 80px;}
.JLSection5 .ul .li1{left: 0;bottom: 335px; text-align: left;}
.JLSection5 .ul .li2{right: 0;bottom: 379px;text-align: right;}
.JLSection5 .ul .li1 img{float: right;padding-left: 18px;}
.JLSection5 .ul .li2 img{float: left;padding-right: 18px;}
.JLSection5 .ul .li1 .p{text-align: right;}
.JLSection5 .ul .li2 .p{text-align: left;}
/*护眼精灵系列 end*/

/*台灯系列*/
.TDSection_1 {background-color: #e7ebf2;}
.TDSection_1,.JKSection1_3{background-color: #e7ebf2;}
.TDSection_1 .Content{padding-top: 56px;}
.TDSection_1 .slider{margin-bottom: 30px;}
.TDSection_1 .slider img{margin:0 auto;}
.TDSection_1 .slick-prev,.TDSection_1 .slick-next{display: block;width: 46px;text-indent: 46px;height: 46px;position: absolute;top: 50%;margin-top: -23px;background-position: center;background-repeat: no-repeat;border:0px;background-color: transparent;overflow: hidden;}
.TDSection_1 .slick-prev{left: -46px;background-image: url(../images/prev_pro.png);}
.TDSection_1 .slick-next{right: -46px;background-image: url(../images/next_pro.png);}
.TDSection_1 .Btn li{display: inline-block;margin: 0 35px;}

.TDSection_2 {background-position: 25% 0;}
.TDSection_2 .warp{height: 70%;width:80%;}
.TDSection_2 .h3{visibility: visible;animation-duration: 2s;animation-name: fadeIn;padding-top: 60px;font-size: 50px;}
.TDSection_2 .table{width: 40%;height: 80%;float: right;text-align: right;}
.TDSection_2 .p{color: #555;line-height: 50px;}
.TDSection_6 {height: 910px; background-position: 40% 60%; padding: 0; background-size: cover;}
.TDSection_6 .h3 {padding-top: 40px;}
.TDSection_7 {height: 910px; background-position: 50% 60%; padding: 0; background-size: cover;}
.TDSection_7 .h3 {padding-top: 40px;}
.TDSection_8 .h3{padding-top: 70px;}
.TDSection_9 {background-color: #fff;height: 810px;}
.TDSection_9 .h3{padding-top: 50px;}
.TDSection_9 .Content{padding-top: 0px;}
.TDSection_10 {background-position-x:30%;}
.TDSection_10 .warp{height: 80%;max-width:80%;}
.TDSection_12 {height: 800px;}
.TDSection_12 .h3{padding-top: 53%;}
.TDSection_13 {height:800px}
.TDSection_13 .table{float:left}
.TDSection_13 .warp{height:80%}

/*台灯系列 end*/

/*使用说明*/
.Instructions{}
.Instructions .ColumnTitle{border-bottom: 1px solid #e9e9e9;}
.Instructions .title{}
.Instructions .title .h3{font-size: 24px;color: #6eb92c;padding: 20px 0;border-bottom: 1px solid #e9e9e9;}
.Instructions .title .h4{font-size: 18px;color: #333;margin: 20px 0 36px;background: url(../images/dot_use.png) no-repeat 6px center;padding-left: 28px;}
.Instructions .list{width: 100%;overflow: hidden;padding-bottom: 6%;}
.Instructions .list ul{width: 101.1%;}
.Instructions .list li{width: 23.9%;margin-right: 1.1%;float: left;background-color: #fff;height: 238px;text-align: center;}
.Instructions .list img{padding: 28px 0 18px;}
.Instructions .list .h3{font-size: 14px;color: #555;line-height: 22px;max-width: 142px;margin: 0 auto;}
.Instructions .Box1{border-bottom: 1px solid #e9e9e9;}
.Instructions .Box{position: relative;padding: 5% 0;}
.Instructions .Box .Img,.Instructions .Box .Text{width: 50%;}
.Instructions .Box .Text{position: absolute;top: 0;height: 100%;width: 50%;}
.Instructions .Box1 .Img{float: right;text-align: center;}
.Instructions .Box1 .Text{left: 0;}
.Instructions .Box1 .Text .p{font-size: 16px;color: #555;padding: 6px 0;}
.Instructions .Box1 .Text .p2{margin: 0;font-size: 14px;color: #999;padding: 4px 0;}
.Instructions .Box1 .Text .mart{padding-top: 8%;}
.Instructions .Box2 .Img{float: left;}
.Instructions .Box2 .Text{right: 0;}
.Instructions .Box2 .Text .h3{font-size: 24px;color: #6eb92c;line-height: 1em;padding-bottom: 20px;}
.Instructions .Box2 .Text .p{font-size: 16px;color: #777;line-height: 30px;}


/*使用说明 end*/

/*相关问题*/
.ProblemList li{background-color: #fff;padding:31px 2.5% 38px;margin-bottom: 24px;}
.ProblemList .h3{font-size: 16px;color: #555; padding-left: 58px;padding-bottom: 18px;border-bottom: 1px dashed #e3e3e3; background: url(../images/ico_problem_q.png) no-repeat 6px 0px;padding-top: 7px;}
.ProblemList .p{font-size: 14px;color: #999; padding-left: 58px;padding-top: 21px;background: url(../images/ico_problem_a.png) no-repeat 15px 26px;}
/*相关问题 end*/

/*个人案例*/
.PersonalCase{padding-bottom: 8%;}
.PersonalCase .bd{padding-bottom: 40px;}
.PersonalCase .bd li{position: relative; display: none;}
.PersonalCase .bd .img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;background-repeat: no-repeat;background-position: center;background-size:cover;}
.PersonalCase .bd .overlay{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 3; background-color: rgba(0,0,0,0.5);}
.PersonalCase .bd .overlay span{display: block;width: 57px;height: 57px;background: url(../images/ico_video.png) no-repeat; position: absolute;top: 50%;left: 50%;margin: -28.5px 0 0 -28.5px;}
.PersonalCase .bd video{width: 100%;}

.PersonalCase .hd{}
.PersonalCase .hd .slider{width: 1215px;}
.PersonalCase .hd .box{ display: block; width: 390px; max-width: 100%; cursor: pointer; margin-top:0;}
.PersonalCase .hd .Img{position: relative;}
.PersonalCase .hd .Img:after{content: "";background: rgba(0,0,0,0.5) url(../images/ico_video.png) no-repeat center / 48px 48px;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.PersonalCase .hd .h3{font-size: 16px;color: #555;line-height: 1em;padding-top: 24px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.PersonalCase .slick-prev,.PersonalCase .slick-next{display: block;width: 46px;height: 46px;position: absolute;top: 50%;margin-top: -23px;background-position: center;background-repeat: no-repeat;}
.PersonalCase .slick-prev{left: -61px;background-image: url(../images/prev_pro.png);}
.PersonalCase .slick-next{right: -46px;background-image: url(../images/next_pro.png);}
/*个人案例 end*/

/*商家案例*/
.MerchantCase{}
.MerchantCase .h3{font-size: 24px;color: #78be3a;line-height: 1em;padding-bottom: 19px;border-bottom: 1px solid #e9e9e9;margin-bottom: 7px;}
.MerchantCase .h3 span{font-size: 16px;color: #666;margin-left: 15px;}
.MerchantCase .List{width: 100%;overflow: hidden;margin-bottom: 70px;}
.MerchantCase .List ul{width: 103.3%;}
.MerchantCase .List li{width: 30%;margin:3% 3.3% 0 0;float: left;background-color: #fff;}
.MerchantCase .List .h4{line-height: 60px;padding: 0 6%;font-size: 16px;color: #033333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*商家案例 end*/

/*新闻列表*/
.NewsList li{background-color: #fff;padding:2%;margin-bottom: 22px;}
.NewsList li .img{float: left;width: 311px;}
.NewsList li .text{margin-left: 344px;}
.NewsList li .text .h3 b{font-weight:normal}
.NewsList li .h3{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 3% 0;}
.NewsList li .h3 a{color: #555555;line-height: 1em;}
.NewsList li .p{font-size: 14px;color: #999;line-height: 27px;max-height: 81px;overflow: hidden; margin-bottom: 4%;}
.NewsList li .btn_more{display: block;width: 124px;height: 33px;line-height: 33px;text-align: center;background-color: #78be3a;font-size: 14px;color: #fefefe;border-radius: 15px;}

.NewsShow{padding-bottom: 50px;}
.NewsShow .NsTop{text-align: center;border-bottom: 1px dashed #d8d8d8;margin-bottom: 30px;padding-bottom: 10px;padding-top: 50px;}
.NewsShow .NsTop .h3{font-size: 20px;padding-bottom: 10px;}
.NewsShow .NsTop span{color: #a5a5a5;font-size: 14px;}

.NewsShow .SinglePage .img{margin-bottom: 36px;}
.NewsShow .SinglePage .p{font-size: 14px;color: #464645;line-height: 24px;margin-bottom: 24px;}
.NewsShow .SinglePage .p2{margin-bottom: 20px;}
.NewsShow .SinglePage .p .dot{float: left;font-size: 12px;line-height: 24px;}
.NewsShow .SinglePage .p .b{margin-left: 14px;display: block;}
/*新闻列表 end*/

/*发展历程*/
.SectionBg{height: 771px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.HistorySlide{color: #fff;padding-bottom: 10%;}
.HistorySlide .bd{position: relative;padding: 0px 42px; margin: 4% 0px 6%;}
.HistorySlide .bd li .cont{max-width: 920px;margin: 0 auto;}
.HistorySlide .bd li .p{font-size: 16px;line-height: 30px;padding: 23px 0;}
.HistorySlide .bd .bx-prev,.HistorySlide .bd .bx-next{display: block;width: 31px;text-indent: 31px;overflow: hidden; height: 56px;position: absolute;top: 50%;margin-top: -28px;}
.HistorySlide .bd .bx-prev{left: 0;background: url(../images/prev_history1.png) no-repeat;}
.HistorySlide .bd .bx-next{right: 0;background: url(../images/next_history1.png) no-repeat;}
.HistorySlide .hd{position: relative;padding: 0 15px; background: url(../images/line_history.png) repeat-x center;}
.HistorySlide .hd .bx-wrapper{margin: 0 auto;}
.HistorySlide .hd .bx-pager{display: none;}
.HistorySlide .hd li{height: 108px;padding: 42px 0; position: relative;}
.HistorySlide .hd li a{display: block; width: 24px;height: 24px;margin: 0 auto;background: url(../images/dot_history1.png) no-repeat center;}
.HistorySlide .hd li span{position: absolute;width: 100%;left: 0;bottom:0;text-align: center; font-size: 16px;color: #fff;line-height: 1em; }
.HistorySlide .hd li.year a{background-image: url(../images/dot_history2.png);}
.HistorySlide .hd li.year span{font-size: 26px;}
.HistorySlide .hd li.up span{top: 0;bottom: auto;}
.HistorySlide .hd li.on a{background-image: url(../images/dot_history1on.png);}
.HistorySlide .hd li.year.on a{background-image: url(../images/dot_history2on.png);}

.HistorySlide .hd .bx-prev,.HistorySlide .hd .bx-next{display: block;width: 11px;text-indent: 11px;overflow: hidden; height: 19px;position: absolute;top: 50%;margin-top: -9.5px;}
.HistorySlide .hd .bx-prev{left: 0;background: url(../images/prev_history2.png) no-repeat;}
.HistorySlide .hd .bx-next{right: 0;background: url(../images/next_history2.png) no-repeat;}
/*发展历程 end*/

/*公司概况*/
.About{height: 771px;}
.AboutCont{max-width: 872px;margin:0 auto;padding: 10% 0;}
.AboutCont .h3{font-size: 20px;color: #6eb92c;font-weight: bold;line-height: 1em;padding-bottom: 13px; display: none;}
.AboutCont .p{font-size: 16px;color: #fff;line-height: 30px; color: #666;}
/*公司概况 end*/

/*联系方式*/
.Contact{height: 921px;}
.ContactCont{padding: 2.75%;background-color: rgba(255,255,255,0.8);}
.ContactCont .Left{width: 28%;height: 345px;float: left;padding-top: 1%;}
.ContactCont .Left .p{padding: 10px 0;font-size: 14px;color: #666;}
.ContactCont .Left .QRBox{padding-top: 5%;}
/* .ContactCont .Left .QRBox li{float: left;width: 39%;max-width: 123px;margin-right: 11%;} */
.ContactCont .Left .QRBox li{width: 39%;max-width: 123px;margin: auto;}
.ContactCont .Left .QRBox li span{display: block;font-size: 14px;color: #666666;padding-top: 8px;text-align: center;}
.ContactCont .Middle{width: 35.8%;margin: 0 3.1%; height: 345px; float: left;padding: 3px;background-color: #fff;}
.ContactCont .Middle .map{width: 100%;height: 100%;}
.ContactCont .Right{width: 30%;height: 345px;float: left;padding-top: 3%;}
.ContactCont .Right .h3{font-size: 20px;color: #6eb92c;font-weight: bold;margin-bottom: 8%;}
.ContactCont .Right .p{font-size: 14px;color: #666;padding:10px 0;}
.ContactCont .row2_Left{width: 30%;float: left;padding-top: 3%;margin-right:1%}
.ContactCont .row2_Left .h3{font-size: 20px;color: #6eb92c;font-weight: bold;margin-bottom: 5%;}
.ContactCont .row2_Left .p{font-size: 14px;color: #666;padding:0;}
.ContactCont .row2_Middle{width: 35%;float: left;padding-top: 3%;margin-right:1%}
.ContactCont .row2_Middle .h3{font-size: 20px;color: #6eb92c;font-weight: bold;margin-bottom: 5%;}
.ContactCont .row2_Middle .p{font-size: 14px;color: #666;padding:0;}

/*联系方式 end*/


@media screen and (max-width:1323px){
.PersonalCase .hd .slider{width: 100%;}
.PersonalCase .slick-prev,.PersonalCase .slick-next{width: 36px;height: 36px;margin-top: -18px;background-size: 100% 100%;}
.PersonalCase .slick-prev{left: -46px;}
.PersonalCase .slick-next{right:-46px;}
.PersonalCase .hd{padding: 0 60px;}
.PersonalCase .hd .box{margin: 0 auto;}
}

@media screen and (max-width:1292px){
.JKSection1_1 .slick-prev{left: 5px;}
.JKSection1_1 .slick-next{right: 5px;}

.JLSection1 .slick-prev{left: 5px;}
.JLSection1 .slick-next{right: 5px;}


.JLSection1 .bx-prev{left: 5px;}
.JLSection1 .bx-next{right: 5px;}

.TDSection_1 .slick-prev{left: 5px;}
.TDSection_1 .slick-next{right: 5px;}
.TDSection_7 {height: 810px}
.TDSection_13 {background-position-x: 60%;}

}

@media screen and (max-width:1235px){
 .HomPro .slider{width: 100%;}
 .HomPro .item .Border{margin: 0 auto;}

.TDSection_2 .warp {height: 40%;}
.TDSection_12 {height: 750px;}
}

.HomBan .item .vidoimg{display: none;}
@media screen and (max-width:1200px){
.Header .MainNav{display: none;}
.Header .btn_nav{display: block;}
/*.MainNav li{width: auto !important;}*/
.Header .Lan{right: 50px;}

.HomPro .owl-prev,
.HomPro .owl-next {opacity: 1}

.MainNav li img{display: none;}

.HomBan .slider{height: auto !important;}
.HomBan .item{height: auto;background-position: 9999px 0;}
.HomBan .item img{display: block;}
.HomBan .slick-dots{bottom: 10px;}
.HomBan .item video{position: static;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%); display: none;}

.HomBan .item .vidoimg{display: block;}

.DataSection{height: auto;padding-bottom: 10%;}
.DataSection .h3{padding-top: 10%;font-size: 30px;}

.DataSection .Content{padding-top:10%;}
.DataSection2 .center{padding: 0 0 50px;}
.DataSection2 .ul li{position: static;width: 100%;margin-bottom: 30px;}
.DataSection2 .ul li a{display: inline-block;}
.DataSection2 .ul .li2{margin-left: 0px;}

.DataSection .SixBox{width: auto;height: auto;}
.DataSection .SixBox li{position: static;margin: 0 auto;}
.DataSection .SixBox li.Nothing{display: none;}

.DataSection5 .Imgs{padding-bottom: 0px;}
.DataSection5 .img1,.DataSection5 .img2{width: 100%;margin-left: 0;}

.JKSection{height: auto;padding-bottom: 10%;}
.JKSection .Content{padding-top:10%;}
.JKSection1_2 .Content{padding-top: 0px;}
.JKSection1_2 .h3{padding-top: 10%;}
.JKSection1_2 .center {padding-top: 0px;margin-top: 0;}
.JKSection1_2 .ul li{position: static;width: 48%;max-width: 48%; float: left;margin: 1%;}
.JKSection1_2 .ul .li4,
.JKSection1_2 .ul .li5{text-align: left;}
.JKSection1_2 .ul .li4 img,
.JKSection1_2 .ul .li5 img{float: left;padding:0 20px 0 0;}
.JKSection1_3{padding-top: 10%;}
.JKSection1_5 .Img{position: static;width: 100%;padding-bottom: 30px;float: none;}
.JKSection1_5 .Text{width: 100%;}
.JKSection1_6 .h3{padding: 5% 0 10%;}
.JKSection1_6 dt{display: none;}
.JKSection1_6 dd{width: 50%;}

.JKSection2_2{padding-top: 10%;}
.JKSection2_5 .center {padding-top: 0px;}
.JKSection2_5 .ul li{position: static;width: 48%;float: left;margin: 0 1%;}
.JKSection2_5 .ul li::after{display: none;}
.JKSection2_5 .Content .ul li{text-align: left;margin-bottom: 20px;}
.JKSection2_5 .Content .ul li img{float: left;padding: 0 10px 0 0;}

.JLSection{height: auto;padding-bottom: 10%;}
.JLSection .h3{padding-top: 10%;font-size: 28px;line-height: 36px;}
.JLSection .Content{padding-top:10%;}
.JLSection3 li{float: left;}
.JLSection5 .center {padding-top: 0px;}
.JLSection5 .ul li{position: static;width: 48%;float: left;margin: 0 1%;}

.SectionBg{height: auto;}

.Contact{padding-bottom: 10%;}
.ContactCont .Left{width: 100%;height: auto;float: none;padding-bottom: 10%;}
.ContactCont .Middle{width: 100%;float: none;margin: 0;}
.ContactCont .Right{width: 100%;height: auto;float: none;padding-top: 8%;}
.ContactCont .Right .h3{margin-bottom: 5%;}
.ContactCont .row2_Left{width: 100%;float: none;padding-top: 8%;margin: 0;}
.ContactCont .row2_Middle{width: 100%;float: none;padding-top: 8%;margin: 0;}

.TDSection{padding-bottom: 10%;}
.TDSection_2{height:700px;padding-top: unset;padding-bottom: 20%}
.TDSection_2 .table{padding-top: 5%}
.TDSection_10 {height: 800px;}

.TDSection_3 {height: 750px;}
.TDSection_5 .h3{padding-top: 75px;}
.TDSection_5 {height: 800px;}
.TDSection_6 {height: 700px;background-position-x: 43%;padding: 0;}
.TDSection_7 {height: 700px;background-position-x: 53%;padding: 0;}
.TDSection_8 {height: 750px; background-position-x: 55%}
.TDSection_9 {padding-bottom: 0%;} 
.TDSection_9 .Content{padding-top:0%;padding-bottom: 20px;}
.TDSection_10_1 {padding-top: 15%}
.TDSection_12 {height: 650px; background-position-x: 55%}

.TDSection_12 .h3{padding-top: 51%;}
.TDSection_13 {height: 600px;background-position-x: 70%;}
}

@media screen and (max-width:1000px){
	.TDSection_2 {height: 550px;}
	.TDSection_2 .h3{padding:0;}
	
}

@media screen and (max-width:767px){
 
 .FootTop .FootNav{margin: 0;text-align: center;}
 .FootTop .FootNav dl{display: inline-block;float: none;width: auto;padding: 0 10px;}
 .FootTop .FootNav dd{display: none;}
 .FootTop .QRBox{position: static;padding-top: 10px;}
 .FootBot{text-align: center;}
 .FootBot .otherNav{float: none;}
 .FootBot .otherNav li{display: inline-block;float: none;padding-left: 0px;}
 .FootBot .otherNav li::after{display: none;}

 .Pages .a_first,.Pages .a_end,.Pages .num{display: none;}
 
 .FixedShare{top: 67%;}
 .FixedShare li a{width: 60px;height: 60px;overflow: hidden;}
 .FixedShare li a span{text-indent: 60px;}
 .FixedShare li .QrBox{right: 68px;}
 
 .HomPro2 .item{width: 100% !important;max-width: 645px;margin: 0 auto; margin-bottom: 20px;float: none;}
 .HomPro2 .item .Bg{padding-bottom: 83.41%;height: auto !important;}
.HomPro2 .item .Overlay span{display: none;}
 
 .HomNews .Left{width: 100%;margin-bottom: 20px;}
 .HomNews .Right{width: 100%;}

 .JKSection .h3{font-size: 26px;padding-top: 10%;}
 .JKSection1_1 .Btn li{margin: 0;}
 .JKSection1_1 .Btn li span{font-size: 14px;}
 .JKSection1_2 .ul li{width: 100%;max-width: 100%;margin:0 0 20px 0;}
 .JKSection1_2 .ul li .h4{padding-top: 5px;}
 .JKSection1_3{height: 400px;padding: 0;}
 .JKSection1_3 .warp{background-color: rgba(255,255,255,0.5);max-width: 100%;}
 .JKSection1_3 .table{width: auto;margin: 0 auto;float: none;}
 .JKSection1_5 .Text .h4{font-size: 24px;}
 .JKSection1_5 .Text .p {font-size: 16px;line-height: 26px;margin: 5% 0 10%;}
 .JKSection1_5 .Text .p2{margin-bottom: 0;}
 .JKSection1_5 .Text .bot span{font-size: 16px;}

 .JKSection1_6 dd{width: 100%;margin-bottom: 50px;}
 .JKSection1_6 .li4{height: auto;}


 .JKSection2_2 .table{display: block;}
 .JKSection2_2 .table .td,
 .JKSection2_2 .table .td .cont{float: right;}
 .JKSection2_2 .table .td .cont_fl{float: left;}
 .JKSection2_2 .h4{font-size: 28px;}
 .JKSection2_2 .p{font-size: 20px;}
 .JKSection2_5 .ul li{width: 100%;max-width: 100%;margin:0 0 20px 0;}

 .JLSection .h3{font-size: 26px;}
 .JLSection1 .Btn li{width: 33.3%;float: left;margin: 0;}
 .JLSection1 .Btn li img{padding: 0 1px;}
 .JLSection2 .Content .ul li{position: static;text-align: center;margin-bottom: 30px;}
 .JLSection2 .ul li::after{display: none;}
 .JLSection3 li{float: left;width: 100%;max-width: 100%;margin-bottom: 50px;}
 .JLSection5 .ul li{width: 100%;}
 .JLSection5 .ul li img{float: left;}
 .JKSection .p,.JLSection .p,.DataSection .p{font-size: 16px;line-height: 24px;}

 .TDSection_1 .Btn li {width: 33.3%;float: left;margin: 0;}
 .TDSection_1 .Btn li img{padding: 0 1px;}
 .TDSection_2 {height: 400px;}
 .TDSection_2 .h3{padding: 0;}
 .TDSection_2 .p{font-size:20px;line-height:50px;}
 .TDSection_7 .h3{padding-top: 3%;}
 .TDSection_10 .warp {background-color: unset;height:100%;}
  .TDSection_10_1 {background-position-x: 4%;padding-top: 15%;}
.TDSection_12 {padding-top: 43%;} 
.TDSection_13_1 { background-position-x:80%;}
 .TDSection_13 .warp {height: 190%}
 
 .DataSection .p1{padding-left: 0;}
 
/* .DataSection5 .p{font-size: 14px;}*/

 .Instructions .list li{width: 48.9%;margin-bottom: 1.1%;}
 .Instructions .Box .Img,.Instructions .Box .Text{position: static;float: none;padding-bottom: 20px;width: 100%;}
 .Instructions .Box2 .Img{text-align: center;}

 .MerchantCase .List li{width: 46.7%;}

 .NewsList li .img{float: none;width: 100%;}
 .NewsList li .text{margin-left: 0px;padding: 5%;}
}

@media screen and (max-width:1000px){
	.HomPro .owl-prev,
	.HomPro .owl-next {opacity: 1}
	.TDSection_3 {height: 600px;}
	.TDSection_3 .p {font-size: 16px;}
	.TDSection_6 {height: 550px;}
	.TDSection_7 {height: 450px;}
	.TDSection_12 {padding-top: 43%;height: 450px;}
	.TDSection_12 .h3{padding-top: 45%;} 
	.TDSection_12_1 {height: 450px;}
	.TDSection_12_1 .h3{padding-top: 360px;}
	.TDSection_13 {height: 500px;}
	
}

@media screen and (max-width:640px){
  .HomTitle .h2{padding-bottom: 15px;}
  .HomTitle .h2 img{height: 24px;}
  .HomTitle .h2 span{margin-left: 10px;padding-top: 6px;font-size: 18px;}
  .HomPro .slick-prev, .HomPro .slick-next{width:23px;height: 48px;top: 50%;margin-top: -24px;}
  .HomPro .slick-prev{left: 0;}
  .HomPro .slick-next{right: 0;}
  .HomPro .owl-prev,
  .HomPro .owl-next {opacity: 1}
  
  /*数据平台*/
  .DataSection .h3{text-align: center;}
  .DataSection .p1{display: none;}
  .DataSection1 .table{padding: 10px 0px 200px;}
  .DataSection2 span{display: none;}
  .DataSection2 .center{display:none;}
  .DataSection3 .h3{text-align: center;}
  .DataSection3 .table{text-align: left;padding: 300px 0px 60px;}
  .DataSection4-1{display:none;}
  .DataSection4-2{display:block;}
  .DataSection5 br{display: inline;}
  .DataSection6-1 br{display: inline;}
  .DataSection6-1{display:none;}
  .DataSection6-2{display:block;}
  .DataSection6-2 br{display: inline;}
  .DataSection7 .h3:nth-of-type(1) {display: none;}
  .DataSection7 .p{display: none;}
  .DataSection7 .h3:nth-of-type(2)  {display: block;}
  
  .TDSection_2 {padding-bottom: unset}
  .TDSection_2 .table {float: left;padding-top: 28%}
   .TDSection_2 .table .td .cont {float: left;}
  .TDSection_3 {height: auto;}
  .TDSection_3_1 {height: 500px;background-position-x: 34%;}
  .TDSection_5 {height: auto}
  .TDSection_5 .h3{padding: 5px 0 10px}
  .TDSection_5 .p{font-size: 14px}
  .TDSection_5_1 {height: 450px;background-position-x: 46%;}
  .TDSection_6 {height: auto}
  .TDSection_6_1 {height: 370px;background-position-x: 25%;}
   .TDSection_7 {height: auto}
  .TDSection_7_1 {height: 250px;background-position-x: 50%;background-size: cover;}
  .TDSection_8 {height: auto;}
  .TDSection_8 .h3{padding-top: 5%}
  .TDSection_8_1 {height: 500px;background-position-x: 55%;}
    .TDSection_10 {height: auto;}
  .TDSection_12 {height: auto;}
  .TDSection_12 .h3{padding-top: 350px}
   .TDSection_12_1{background-size: cover;height:410px;}
   .TDSection_13 {height: 450px;}
   .TDSection_13_1 { background-position-x:80%;}
}

@media screen and (max-width:480px){
   .JKSection1_1 .Btn li span{font-size: 12px;}
   .TDSection_1 .Btn li span{font-size: 12px;}
  .NewsList li .img img{width: 100%;}
  .TDSection_2 .table {min-width: 139px;}
  .TDSection_2 .warp {margin: 0;max-width:none;width:100%}
}
@media screen and (max-width:360px){
 .HomPro2 .item .Overlay .p{margin: 15px 0;}
}



.box{
	width: 100%;
	position: relative;
	overflow: hidden;
	/*margin-top: -176px;*/
	z-index: 1;
}
.clf {
    zoom: 1;
}

.w1190{
	width: 1190px;
	margin:0 auto;
	/*overflow: hidden;*/
	height: auto;
	max-width: 100%;
}
.down-back{
	position: relative;
	width: 1920px;
	margin-left: -960px;
	left: 50%;
	height: 780px;
	/*background: url("../img/down2.jpg") no-repeat;*/
}
.down-back .back-img{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.down-back .back-img img{
	height: 100%;
}
.down-title{
	font-size: 50px;
	color: #565a56;
	margin-top: 130px;
	line-height: 60px;
}
.down-sub{
	color: #656565;
	font-size: 22px;
	line-height: 40px;
	padding-bottom:24px;
}
.down6{
	font-size: 16px;
	color: #898989;
	margin-left: -20px;
	height: 29px;
}
.down6 span{
	padding: 0 20px;
	border-right: 2px solid #b4b8aa;
	line-height: 16px;
	height: 18px;
	display: block;
	float: left;
}
.left-po{
	float: left;
	padding-left: 58px;
}
.download-way{
	padding-top: 52px;
	position: relative;
	width: 382px;
}
.download-way a{
	display: block;
	margin-bottom: 28px;
	width: 177px;
	height: 64px;
	color: #fff;
	padding-left: 58px;
	opacity: 0.8;
	filter:alpha(opacity=80);
	transition-duration:300ms;
	position: relative;
}
.download-way a img{display: none;}
.download-way .img{width: 127px;position: absolute;left: 255px;top: 0;}

.download-way .ios{
	background: url("../images/ios.png") no-repeat;
}
.download-way .and{
	background: url("../images/and.png") no-repeat;
}
.download-way a span{
	display: block;
	font-size: 12px;
	line-height: 22px;
}
.download-way a .fontb{
	font-size: 16px;
	padding-top: 11px;]
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis; 
}
.download-way a:hover{
	opacity: 1;
	filter:alpha(opacity=100);
}
.for-ios,.for-and{
	position: absolute;
	width: 127px;
	height: 127px;
	right: 0;
	top: 52px;
}
.for-ios img,.for-and img{
	width: 100%;
}
.right-po{
	float: right;
	margin-top: 24px;
	/*opacity: 0;
	filter:alpha(opacity=0);*/
}

@media screen and (max-width:1200px){
	.down-back{position: static;width: auto;margin: 0;height: auto;text-align: center;}
	.down-back .back-img{display: none;}
	.w1190{background: url(../../../uploads/typeimg/1711171558242880.jpg) no-repeat center; background-size: cover}
	.left-po{float: none;padding-left:5%;}
	.right-po{float: none;};
	.down-title{margin-top: 0;padding-top: 30px;font-size: 36px;}
	.down6 span{border-right: transparent;float: none;display: inline-block;padding: 0 5px;}
	.download-way{width: auto;padding-top: 40px;}
	.download-way a{margin: 0 auto 28px;height: auto;min-height: 64px;text-align: left;}
	.download-way .img{position: static;margin: 20px 0 0px -30px;}
	.download-way a img{display: none;}
}